<!DOCTYPE html>
<html lang="zxx">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="icon" href="images/favicon.png">
	<title>Runface - 动态精准护肤，给你的皮肤新的体验</title>

	<!--<link rel="stylesheet" href="css/bootstrap.css">-->
	<link rel="stylesheet" href="css/mdui.css">

	<link rel="stylesheet" href="css/materialize.css">
	<link rel="stylesheet" href="css/loaders.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<link rel="stylesheet" href="css/style.css">

</head>
<body>

	<!-- preloader -->
	<div class="preloader">
		<div class="spinner"></div>
	</div>
	<!-- end preloader -->

	<!-- navbar -->
	<div class="navbar navbar-home">
		<div class="container">
			<div class="row">
				<div class="col s3">
					<div class="content-left">
						<a href="javascript:plus.webview.currentWebview().back();" ><i class="fas fa-arrow-left"></i></a>
					</div>
				</div>
				<div class="col s6">
					<div class="content-center">
						<a href="#"><h1>关于润妃</h1></a>
					</div>
				</div>
				<div class="col s3">
					<div class="content-right">
						<div class="content-search">
							<a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-right-search">
								<i class="fas fa-search"></i>
							</a>
						</div>
						<div class="content-cart">
							<a href="#slide-out-cart" data-activates="slide-out-cart" class="sidebar-right-cart">
								<i class="fas fa-shopping-cart"><sup>3</sup></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end navbar -->

	<!-- sidebar left -->
	<div class="sidebar-panel">
		<ul id="slide-out" class="collapsible side-nav">
			<li class="list-top">
				<div class="user-view">
					<div class="image">
						<img src="images/logo.png" alt="logo相片">
					</div>
					<h3>Runface</h3>
					<span>您尚未登录，请登录</span>
				</div>
			</li>
			<li><a href="index.html"><i class="mdui-icon material-icons">home</i>主页</a></li>
			<li><a href="services.html"><i class="mdui-icon material-icons">grain</i>美容服务</a></li>
			<li class="active">
				<div class="collapsible-header active">
					发现<span><i class="fas fa-angle-right right"></i></span>
				</div>
				<div class="collapsible-body">
					<ul>
						<li><a href="blog.html">热门点评</a></li>
						<li><a href="blog-single.html">护肤基础</a></li>
					</ul>
				</div>
			</li>
			<li>
				<div class="collapsible-header">
					购物商城页面<span><i class="fas fa-angle-right"></i></span>
				</div>
				<div class="collapsible-body">
					<ul>
						<li><a href="product.html">产品</a></li>
						<li><a href="product-details.html">产品明细</a></li>
						<!--<li><a href="cart.html">购物车</a></li>-->
						<!--<li><a href="checkout.html">结算</a></li>-->
					</ul>
				</div>
			</li>
			<li style="display: none"><a href="login.html"><i class="mdui-icon material-icons">transfer_within_a_station</i>切换账户</a></li>
		</ul>
	</div>
	<!-- end sidebar left -->

	<!-- sidebar search -->
	<div class="sidebar-panel sidebar-search">
		<ul id="slide-out-right" class="collapsible side-nav">
			<li>
				<div class="form">
					<input type="search"><button class="button"><i class="fas fa-search"></i></button>
				</div>
				<div class="clear"></div>
			</li>
			<li><h5>热门搜索</h5></li>
			<li><a href="">敏感</a></li>
			<li><a href="">防晒</a></li>
			<li><a href="">美白</a></li>
			<li><a href="">痘痘</a></li>
			<li><a href="">毛孔</a></li>
			<li><a href="">卸妆</a></li>
			<li><a href="">性价比</a></li>
		</ul>
	</div>
	<!-- end sidebar search -->

	<!-- sidebar cart -->
	<div class="sidebar-panel sidebar-cart">
		<div id="slide-out-cart" class="collapsible side-nav">
			<div class="content">
				<div class="cart-img">
					<img src="images/product1.png" alt="">
				</div>
				<div class="cart-title">
					<a href="">Lipstick With Color Variants</a>
					<h5>$28</h5>
				</div>
				<div class="cart-remove">
					<a href=""><i class="fas fa-trash-alt"></i></a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content">
				<div class="cart-img">
					<img src="images/product2.png" alt="">
				</div>
				<div class="cart-title">
					<a href="">Soap Natural Ingredients</a>
					<h5>$11</h5>
				</div>
				<div class="cart-remove">
					<a href=""><i class="fas fa-trash-alt"></i></a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content">
				<div class="cart-img">
					<img src="images/product3.png" alt="">
				</div>
				<div class="cart-title">
					<a href="">Oil With Real Fruit Aroma</a>
					<h5>$32</h5>
				</div>
				<div class="cart-remove">
					<a href=""><i class="fas fa-trash-alt"></i></a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="cart-button">
				<ul>
					<li>
						<button class="button">View Cart</button>
					</li>
					<li>
						<button class="button">Checkout</button>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- end sidebar cart -->

	<!-- about -->
	<div class="about segments-page">
		<div class="container">
			<div class="wrap-content">
				<div class="content">
					<img src="images/about.jpg" alt="">
					<p> 润妃集团是集研发、美容教育培训、销售、美容服务（线上商城、线下实体店）、加盟为一体的综合美容专业产品运营商；旗下有润妃（香港）国际有限公司、深圳润妃投资发展股份有限公司（挂牌代码：364301）、深圳润妃美容教育有限公司、润妃亚健康美容旗舰店，拥有魅力女人、妃丽嘉、痘痘清（DDQ）、DD•CARE等自主研发品牌。</p>
					<p>经过十余年的发展，润妃创立了独有的智能皮肤检测跟踪系统，在美容、亚健康皮肤调理、产品研发等领域均取得不俗的成绩，建立了良好的口碑，全体润妃人将继续为打造中国美容护肤品的领导品牌而努力。未来三年，润妃集团将以深圳润妃新概念公司为核心，创建美容健康共享经济的互联网平台，整合美业优质产品和服务，打造美业正能量生态系统，为爱美和健康创造诚信的服务平台。</p>
				</div>
			</div>
			<div class="wrap-social">
				<ul>
					<li><a href=""><i class="fab fa-weixin"></i></a></li>
					<li><a href=""><i class="fab fa-weibo"></i></a></li>
					<li><a href=""><i class="fab fa-qq"></i></a></li>
					<li><a href=""><i class="fab fa-alipay"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- end about -->

	<!-- counter -->
	<div class="counter segments">
		<div class="row">
			<div class="col s4">
				<div class="content">
					<h3 class="numscroller" data-min="1" data-max="320" data-delay="15" data-increment="3">320</h3>
					<h4>Client</h4>
				</div>
			</div>
			<div class="col s4">
				<div class="content">
					<h3 class="numscroller" data-min="1" data-max="195" data-delay="8" data-increment="2">190</h3>
					<h4>Project</h4>
				</div>
			</div>
			<div class="col s4">
				<div class="content">
					<h3 class="numscroller" data-min="1" data-max="95" data-delay="7" data-increment="2">95</h3>
					<h4>Branch</h4>
				</div>
			</div>
		</div>
	</div>
	<!-- end counter -->

	<!-- team -->
	<div class="team team-on-about segments">
		<div class="container">
			<div class="section-title">
				<h3>精英团队</h3>
			</div>
			<div class="row">
				<div class="col s6">
					<div class="content">
						<img src="images/team1.jpg" alt="">
						<div class="text">
							<h4>欣xx</h4>
							<span>高级美容顾问</span>
						</div>
					</div>
				</div>
				<div class="col s6">
					<div class="content">
						<img src="images/team2.jpg" alt="">
						<div class="text">
							<h4>刘xx</h4>
							<span>抗痘专业顾问</span>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col s6">
					<div class="content">
						<img src="images/team3.jpg" alt="">
						<div class="text">
							<h4>Anabelle</h4>
							<span>美容产品研发专家</span>
						</div>
					</div>
				</div>
				<div class="col s6">
					<div class="content">
						<img src="images/team4.jpg" alt="">
						<div class="text">
							<h4>Farrah Ufaira</h4>
							<span>男士护肤顾问</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end team -->

	<script src="js/jquery.min.js"></script>
	<script src="js/materialize.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/numscroller.js"></script>
	<script src="js/main.js"></script>
	<script>
        document.addEventListener('plusready', function () {
            var webview = plus.webview.currentWebview();
            plus.key.addEventListener('backbutton', function () {
                webview.canBack(function (e) {
                    if (e.canBack) {
                        webview.back();
                    } else {
                        webview.close(); //hide,quit
                        //plus.runtime.quit();
                    }
                })
            });
        });

	</script>
</body>
</html>